<%-- 
    Document   : lancar_curso
    Created on : 20/10/2010, 07:36:54
    Author     : ciar
    Modificações: Foram retirados os campos (questão, min caracteres e max caracteres por não serem mais elementos importantes relacionados ao curso
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page language="java" import="pessoal.*" %>
<%@page language="java" import="ferramentas.*" %>
<%@page language="java" import="java.util.ArrayList" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <script type="text/javascript" language="JavaScript" src="calendar1.js"></script><!-- Date only with year scrolling -->
        <script type="text/javascript" src="scripts/lib/jquery.js"></script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>EADMin - Lançamento de Curso</title>
    </head>
    <body>

        <%
            Usuario usuario = (Usuario) session.getAttribute("usuario");
            if (usuario instanceof Administrador || usuario instanceof CoordenadorPedagogico) {
        %>
        <h1>Cadastramento de Curso</h1>
        <form id="formulario" name ="formulario" action="formularioCurso" method="post" lang="pt-br">
            <table>
                <tr><td><label><strong>Nome do Curso</strong><br /></label><input type="text" size="60" name="nome" id="nome" /></td></tr>
                <tr>
                    <td>
                        <strong>Tipo de Vaga:</strong><br />
                        <select id="tipo_vaga" name="tipo_vaga">
                            <option value="DS" selected >Demanda Social</option>
                            <option value="RP">Professor da Rede Pública</option>
                        </select>
                    </td>
                </tr>
                <tr><td><strong>Finalidade</strong><br />
                        <label><input name="finalidade" value="4" type="radio" onchange="esconderPolos()"/>Tutor a Distância</label>
                        <label><input name="finalidade" value="2" type="radio" onchange="mostrarPolos()" checked/>Cursista</label>
                        <label><input name="finalidade" value="3" type="radio" onchange="mostrarPolos()"/>Tutor Presencial</label>
                        <label><input name="finalidade" value="1" type="radio" onchange="mostrarPolosCidades()"/>Tutor Presencial e a Distância</label><br />
                    </td></tr>

                <tr id = "polos">
                    <td><strong>Polos</strong><br />
                        <%
                            Query q = new Query();
                            ArrayList<Polo> polos = q.getPolos();
                            ArrayList<ModeloCertificado> modelosCertificados = q.getModelosCertificados();
                            ArrayList<CidadeSede> sedes = q.getCidadesSede();
                            int column_count = 0;
                            ArrayList<CoordenadorDeCurso> coordenadoresDeCurso = q.getCoordenadoresDeCurso();
                        %>
                        <table>
                            <tr>
                                <%
                                    for (Polo p : polos) {
                                        if (column_count > 3) {
                                            out.println("</tr><tr>");
                                            column_count = 0;
                                        }
                                        out.println("<td><label><input name='polos' value='" + p.getId() + "' type='checkbox' />" + p.getNome() + "</label><br></td>");
                                        column_count++;
                                    }
                                %>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr id ="cidades_sede">
                    <td><strong>Sede do curso</strong><br />
                        <table>
                            <tr>
                                <%
                                    int column_count2 = 0;
                                    for (CidadeSede cidade : sedes) {
                                        if (column_count2 > 3) {
                                            out.println("</tr><tr>");
                                            column_count2 = 0;
                                        }
                                        out.println("<td><label><input name='cidades_sede' value='" + cidade.getId() + "' type='radio' />" + cidade.getNome() + "</label><br></td>");
                                        column_count2++;
                                    }
                                %>
                            </tr>
                        </table>
                    </td>
                </tr>

                <tr><td><label><strong>Início das Inscrições</strong><br /></label><input size="8" type="text" name="inicio" id="inicio" onclick="this.setAttribute('class', 'none');" onblur="valida_data('inicio', 'ajuda_inicio')"/><a href="javascript:cal1.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Clique aqui para escolher a data."></a><span id="ajuda_inicio"></span><br /><span class="dica">dd-mm-aaaa</span></td></tr>
                <tr><td><label><strong>Fim das Inscrições</strong><br /></label><input size="8" type="text" name="fim" id="fim" onclick="this.setAttribute('class', 'none');" onblur="valida_data('fim', 'ajuda_fim')"/><a href="javascript:cal2.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Clique aqui para escolher a data."></a><span id="ajuda_fim"></span><br /><span class="dica">dd-mm-aaaa</span></td></tr>
                <tr><td><label><strong>Carga Horária (Somente números)</strong><br /></label><input size="4" type="text" name="carga_horaria" id="carga_horaria" onclick="this.setAttribute('class', 'none');" onblur="validaCampoNumericoCargaHoraria()"> </td></tr>

                <tr><td><strong>Modelo do Certificado do Curso</strong><br /><%
                    for (ModeloCertificado modelo : modelosCertificados) {
                        out.println("<label><input name='modelo_certificado' type='radio'  value='" + modelo.getId() + "' />" + modelo.getNome() + "</label><br />");
                    }
                    out.println("<label><input name='modelo_certificado' type='radio'  value='0' />O CIAR não emitirá o Certificado.</label><br />");
                        %>
                    </td></tr>

                <!--<tr><td><label><strong>Questão Avaliativa</strong><br /></label><textarea cols="20" rows="15" id="questao" name="questao"></textarea></td></tr>
                
                 <tr><td><label><strong>Limitação de Caracteres na Resposta (Somente números)</strong><br /></label>
                       <label>Mínimo: </label>
                       <input size="4" type="text" name="min_caracteres" id="min_caracteres" onclick="this.setAttribute('class', 'none');" onblur="validaCampoNumericoMinCarac()"><br />
                       <label>Máximo: </label>
                       <input size="4" type="text" name="max_caracteres" id="max_caracteres" onclick="this.setAttribute('class', 'none');" onblur="validaCampoNumericoMaxCarac()"><br />
                 </td></tr>-->

                <tr><td><label><strong>Data Limite da Homologação Preliminar</strong><br /></label><input size="8" type="text" name="homologacaoPreliminar" id="homologacaoPreliminar" onclick="this.setAttribute('class', 'none');" onblur="valida_data('homologacaoPreliminar', 'ajuda_hom_pre')" /><a href="javascript:cal3.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Clique aqui para escolher a data."></a><span id="ajuda_hom_pre"></span><br /><span class="dica">dd-mm-aaaa</span></td></tr>
                <tr><td><label><strong>Data Limite da Homologação Final</strong><br /></label><input size="8" type="text" name="homologacaoFinal" id="homologacaoFinal" onclick="this.setAttribute('class', 'none');" onblur="valida_data('homologacaoFinal', 'ajuda_hom_final')"/><a href="javascript:cal4.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Clique aqui para escolher a data."></a><span id="ajuda_hom_final"></span><br /><span class="dica">dd-mm-aaaa</span></td></tr>

                <tr><td><label><strong>Data Inicial do Recurso</strong><br /></label><input size="8" type="text" name="inicioRecurso" id="inicioRecurso" onclick="this.setAttribute('class', 'none');" onblur="valida_data('inicioRecurso', 'ajuda_inicio_recurso')" /><a href="javascript:cal5.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Clique aqui para escolher a data."></a><span id="ajuda_inicio_recurso"></span><br /><span class="dica">dd-mm-aaaa</span></td></tr>
                <tr><td><label><strong>Data Final do Recurso</strong><br /></label><input size="8" type="text" name="fimRecurso" id="fimRecurso" onclick="this.setAttribute('class', 'none');" onblur="valida_data('fimRecurso', 'ajuda_fim_recurso')"/><a href="javascript:cal6.popup();"><img src="img/cal.gif" width="16" height="16" border="0" alt="Clique aqui para escolher a data."></a><span id="ajuda_fim_recurso"></span><br /><span class="dica">dd-mm-aaaa</span></td></tr>

                <tr><td><strong>Escolha o Coordenador do Curso <br /><span class="dica">(caso o nome que você queira não esteja na tabela, você precisa incluí-lo na tela de "Permissões") </span></strong><br />
                <tr>
                    <td width="50%">
                        <div style="width: 350px;overflow-x: auto;overflow-y: auto;">
                            <select id="coordenador" name="coordenador" size="15">
                                <% for (CoordenadorDeCurso coordenador : coordenadoresDeCurso) {%>
                                <option value="<%=coordenador.getCpf()%>" ><%=coordenador.getNome() + " " + coordenador.getSobrenome()%></option>
                                <%}%>
                            </select>
                        </div>
                    </td></tr>

                <tr><td>
                        <input type="button" value="Enviar"  onclick="validarCampos()"/>
                    </td></tr>

            </table>
        </form>
        <script language="JavaScript">
                            var cal1 = new calendar1(document.forms['formulario'].elements['inicio']);
                            cal1.year_scroll = true;
                            cal1.time_comp = false;
                            //-->
                            var cal2 = new calendar1(document.forms['formulario'].elements['fim']);
                            cal2.year_scroll = true;
                            cal2.time_comp = false;
                            //-->
                            var cal3 = new calendar1(document.forms['formulario'].elements['homologacaoPreliminar']);
                            cal2.year_scroll = true;
                            cal2.time_comp = false;
                            //-->
                            var cal4 = new calendar1(document.forms['formulario'].elements['homologacaoFinal']);
                            cal2.year_scroll = true;
                            cal2.time_comp = false;
                            //-->
                            var cal5 = new calendar1(document.forms['formulario'].elements['inicioRecurso']);
                            cal2.year_scroll = true;
                            cal2.time_comp = false;
                            //-->
                            var cal6 = new calendar1(document.forms['formulario'].elements['fimRecurso']);
                            cal2.year_scroll = true;
                            cal2.time_comp = false;
                            //-->

                            function validarCampos() {
                                var form = document.getElementById("formulario");
                                if (validaCampo("nome") && validaCampo("inicio") && validaCampo("fim") && validaCampo("homologacaoPreliminar") && validaCampo("homologacaoFinal") && /*validaCampo("questao") &&*/ validaCampo("carga_horaria") && /*validaCampo("min_caracteres") && validaCampo("max_caracteres") &&*/ verificaCheckPolosOuCidades()) {
                                    //if (validaValoresMinMax()) {
                                    form.submit();
                                    // }
                                    /*else {
                                     alert("O limite de caracteres mínimo é maior que o máximo!");
                                     formulario.min_caracteres.select();
                                     }*/
                                } else {
                                    alert("É preciso preencher todos os campos!");
                                }
                                //var polos = document.getElementsByName("polos");
                            }

                            function isValidDate(sDate) {
                                var regexDate = /(?:0[1-9]|[12][0-9]|3[01])\-(?:0[1-9]|1[0-2])\-(?:19|20\d{2})/;
                                if (regexDate.test(sDate)) {

                                    var date = sDate.split("-");
                                    var dia = parseInt(date[0]);
                                    var mes = parseInt(date[1]);
                                    var ano = parseInt(date[2]);

                                    if (dia == 31 && (mes == 4 || mes == 6 || mes == 9 || mes == 11)) {
                                        return false; // 31st of a month with 30 days
                                    } else if (dia >= 30 && mes == 2) {
                                        return false; // February 30th or 31st
                                    } else if (mes == 2 && dia == 29 && !(ano % 4 == 0 && (ano % 100 != 0 || ano % 400 == 0))) {
                                        return false; // February 29th outside a leap year
                                    } else {
                                        return true;
                                    }
                                } else {
                                    return false; // Not a date
                                }
                            }

                            function valida_data(campo, campoAjuda) {
                                var campoData = document.getElementById(campo);
                                var ajuda_data = document.getElementById(campoAjuda);
                                var data = campoData.value;
                                if (isValidDate(data))
                                {
                                    ajuda_data.innerHTML = "Obrigado!";
                                    ajuda_data.style.color = "#0f0";
                                    //$('#email').focus();
                                    return true;
                                } else {
                                    ajuda_data.innerHTML = "Data inválida!";
                                    ajuda_data.style.color = "#f00";
                                    campoData.value = "";
                                    campoData.focus();
                                    return false;
                                }
                            }

                            function verificaCheckPolosOuCidades() {
                                var polosChk = document.getElementsByName("polos");
                                var cidadesChk = document.getElementsByName("cidades_sede");
                                Radio = formulario.finalidade;
                                var valor;
                                if (Radio[0].checked) {
                                    valor = Radio[0].value;
                                }
                                else {
                                    valor = 2;
                                }
                                if (valor == 4) {
                                    for (var i = 0; i < cidadesChk.length; i++) {
                                        if (cidadesChk[i].checked == true) {
                                            return true;
                                            break;
                                        }
                                    }
                                    return false;
                                }
                                else {
                                    for (var i = 0; i < polosChk.length; i++) {
                                        if (polosChk[i].checked == true) {
                                            return true;
                                            break;
                                        }
                                    }
                                    return false;
                                }
                            }

                            /*function validaCampoNumericoMinCarac() {
                             if (isNaN(formulario.min_caracteres.value)) {
                             alert("Digite apenas números!");
                             formulario.min_caracteres.select();
                             return false;
                             } else {
                             return true;
                             }
                             }
                             
                             function validaCampoNumericoMaxCarac() {
                             if (isNaN(formulario.max_caracteres.value)) {
                             alert("Digite apenas números!");
                             formulario.max_caracteres.select();
                             return false;
                             } else {
                             return true;
                             }
                             }*/

                            function validaCampoNumericoCargaHoraria() {
                                if (isNaN(formulario.carga_horaria.value)) {
                                    alert("Digite apenas números!");
                                    formulario.carga_horaria.select();
                                    return false;
                                } else {
                                    return true;
                                }
                            }

                            /*function validaValoresMinMax() {
                             if ((formulario.max_caracteres.value - formulario.min_caracteres.value) < 0) {
                             return false;
                             }
                             else {
                             return true;
                             }
                             }*/

                            function validaCampo(nome_campo) {
                                var campo = document.getElementById(nome_campo);
                                if (campo != null) {
                                    if (!isVazio(campo.value)) {
                                        return true;
                                    }
                                }
                                campo.setAttribute("class", "invalido");
                                return false;
                            }

                            function isVazio(campo) {

                                if (campo.length == 0 || campo == null) {
                                    return true;
                                } else {
                                    return false;
                                }
                            }

                            window.onload = function() {
                                var cidades = document.getElementById("cidades_sede");
                                cidades.style.display = "none";
                            }

                            function esconderPolos() {
                                var polos = document.getElementById("polos");
                                var cidades_sede = document.getElementById("cidades_sede");
                                if (polos.style.display == "none") {
                                    polos.style.display = "block";
                                } else {
                                    polos.style.display = "none";
                                }

                                if (cidades_sede.style.display == "none") {
                                    cidades_sede.style.display = "block";
                                }
                                limpaCheckBoxFinalidade();
                            }
                            function mostrarPolos() {
                                var polos = document.getElementById("polos");
                                var cidades_sede = document.getElementById("cidades_sede");

                                if (polos.style.display == "none") {
                                    polos.style.display = "block";
                                }

                                if (cidades_sede.style.display == "block") {
                                    cidades_sede.style.display = "none";
                                }
                                limpaCheckBoxFinalidade();
                            }

                            function mostrarPolosCidades() {
                                var polos = document.getElementById("polos");
                                var cidades_sede = document.getElementById("cidades_sede");

                                if (polos.style.display == "none") {
                                    polos.style.display = "block";
                                }

                                if (cidades_sede.style.display == "none") {
                                    cidades_sede.style.display = "block";
                                }
                                limpaCheckBoxFinalidade();
                            }

                            function limpaCheckBoxFinalidade() {
                                Radio = formulario.finalidade;
                                var valor;
                                if (Radio[0].checked) {
                                    valor = Radio[0].value;
                                }
                                else {
                                    valor = 2;
                                }
                                if (valor == 4) {
                                    var i = 0;
                                    Checkbox = formulario.polos;

                                    for (i = 0; i < Checkbox.length; i++) {
                                        if (Checkbox[i].type == "checkbox")
                                            Checkbox[i].checked = 0;
                                    }
                                }
                                else {
                                    var i = 0;
                                    Checkbox = formulario.cidades_sede;
                                    for (i = 0; i < Checkbox.length; i++) {
                                        if (Checkbox[i].type == "radio")
                                            Checkbox[i].checked = 0;
                                    }
                                }
                            }
        </script>
        <%
            } else {
                out.println("<script type='text/javascript'>window.alert('Você não tem permissão para esse tipo de acesso!');document.location.href='index.jsp';</script>");
            }
        %>
    </body>
</html>
